草庐IT

jQuery Mobile 表单

全部标签

javascript - 具有多个按钮的 React 表单 - 如何选择一个来处理 onSubmit 事件?

假设我有这个HTML:Output:和这个JS:functionotherAction(e){document.getElementById('output').innerHTML='otherAction';e.preventDefault();}functionsubmit(e){document.getElementById('output').innerHTML='submit';e.preventDefault();}ReactDOM.render(OtherActionSubmit,document.getElementById('container'));其实我们不光说,

javascript - 如何使用 Jest 和 Enzyme 在 React 中测试表单提交?无法读取未定义的属性 'preventDefault'

我正在编写一个测试来检查如果提交的登录表单没有数据,是否会显示错误通知组件。describe('Usersignin',()=>{it('shouldfailifnocredentialsareprovided',()=>{constloginComponent=shallow();expect(loginComponent.find('.form-login').length).toBe(1);loginComponent.find('.form-login').simulate('submit');expect(loginComponent.find(Notification).l

javascript - Redux 表单 Prop 和 typescript

多年来一直在寻找,但没有找到任何值得的东西。当我使用Flow时,我可以简单地:import{typeFieldProps,FormProps}from'redux-form';是否有类似(并且简单)的方法可以在typescript中将props正确设置为redux形式?文档没有提到任何关于typescript的内容,只有一个页面用于Flowtypings。但是,我发现我可以从redux-form导入类似propTypes的东西:import{reduxForm,propTypes}from'redux-form'然而-redux-form没有像propTypes导出的东西,所以文档有点

javascript - 通过javascript提交表单时IE中的访问被拒绝错误

@using(Html.BeginForm("Upload","MyProfile",FormMethod.Post,new{@encType="multipart/form-data",id="ImgForm",name="ImgForm",target="UploadTarget"})){}并且通过javascript/jquery,我在更改文件输入时提交表单。$('.myprofile.fileupload').change(function(){$('#ImgForm').submit();});它抛出一个错误:访问被拒绝并且它只在IE中发生(我使用的是ie8)并且在firef

javascript - 在模型更改时触发自定义 AngularJS 表单验证

我有一个自定义验证指令,用于确保两个日期在有效范围内。当用户更改值时该指令工作正常,但是当我通过AJAX加载新的lineItem模型时它不会触发。问题是用户可以在表单中输入无效日期并触发错误,然后加载另一个lineItem。此时,即使表单中的数据有效,表单上也会出现错误消息。如果我尝试使用Angular的内置验证(如required)做同样的事情,验证会触发并适当消失。那么,我需要做什么才能使我的验证触发方式与Angular的触发方式相同?(注意:我在表单属性和Angularv1.1.5上使用novalidate)指令ngApp.directive("validateBefore",f

javascript - Asp.Net MVC 4 从表单发布中的对象数组自动绑定(bind)模型

我在JavaScript中构建了一个对象数组,并希望通过Ajax将它们发回服务器(我正在使用jQuery)JavaScript对象数组如下所示:varcolumns=[{name:'col1',source:'whatever',hidden:false,width:50},...];我是这样回发的:$.post('/MyController/MyAction',{'columns':columns});在Controller操作上我目前得到这个:我有一个名为JqColumn的C#对象,我想将帖子绑定(bind)到该对象中,它看起来像这样:publicclassJqGridColumn

javascript - angular 2模型驱动的嵌套表单组件

我有什么:我正在构建一个ionic2应用程序并构建了一个基本的angular2组件,其中包含一个输入框显示输入标题的标签显示任何验证错误的标签我将把它称为我的输入组件我有一个带有表单的页面组件,目前有文本输入。1个常规输入(密码)和1个包装在我的输入组件(用户名)中的输入。这是我页面组件的相关部分ngOnInit(){this.loginForm=this.formBuilder.group({username:['',Validators.required],password:['',Validators.required]});}这是页面组件模板PasswordThisfieldi

javascript - 在 Rails 应用程序中通过 JavaScript 插入数据远程表单,ujs 没有捕获远程

我有一个简单的表单被附加到容器中:我的理解是rails_ujs.js捕获所有提交事件,因此我不需要在插入新表单时重新附加任何事件。但是,此表单不会作为远程表单被拾取。即使我在rails_ujs.js中将调试器放在一般提交事件上,此表单也不会触发该事件。服务器端呈现的所有表单都可以触发它。我是否错过了必须将事件附加到动态插入的表单的事情? 最佳答案 事实证明,我是在表单中渲染表单,这导致了问题。我是个白痴:p 关于javascript-在Rails应用程序中通过JavaScript插入数据

javascript - 使用 Javascript 重置除一个字段之外的表单

出于某种原因,我需要重置一个表单,但我希望其中一个字段保持不变。以下代码清除了所有字段,但我想保持第一个不变。Reset如果可能,我想避免使用jQuery。 最佳答案 将其值复制到一个变量。重置表格。将变量重新分配回值。 关于javascript-使用Javascript重置除一个字段之外的表单,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/27268174/

javascript - 将 JSON 属性绑定(bind)到表单

我有一个JSON对象和一个.如果JSON对象具有名称与表单名称匹配的属性我希望输入显示此属性的值。有没有使用JQuery执行此操作的简单方法?varjson={foo:'foo',bar:'bar};defform=$('#myform');//somethingmagicalthatassignsJSONpropertyvaluestoforminputswithmatchingnames有问题的表格看起来像这样: 最佳答案 您可以运行一个循环来搜索元素并输入值:$.each(json,function(key,value){fo